page,
html,
body,
#app {
	--tiny: 0;
	--little: calc((4 / 3.75) * 1vw);
	--small: calc((8 / 3.75) * 1vw);
	--normal: calc((12 / 3.75) * 1vw);
	--big: calc((16 / 3.75) * 1vw);
	--large: calc((20 / 3.75) * 1vw);
	--great: calc((24 / 3.75) * 1vw);
	--bigGreat: calc((28 / 3.75) * 1vw);
}

@media screen and (min-width: 768px) {
	page,
	html,
	body,
	#app {
		--tiny: 0;
		--little: calc((2 / 3.75) * 1vw);
		--small: calc((4 / 3.75) * 1vw);
		--normal: calc((6 / 3.75) * 1vw);
		--big: calc((8 / 3.75) * 1vw);
		--large: calc((10 / 3.75) * 1vw);
		--great: calc((12 / 3.75) * 1vw);
	}
}


.pa0 {
	padding: var(--tiny);
}

.py0 {
	padding-top: var(--tiny);
	padding-bottom: var(--tiny);
}

.px0 {
	padding-left: var(--tiny);
	padding-right: var(--tiny);
}

.pl0 {
	padding-left: var(--tiny);
}

.pr0 {
	padding-right: var(--tiny);
}

.pt0 {
	padding-top: var(--tiny);
}

.pb0 {
	padding-bottom: var(--tiny);
}

.ma0 {
	margin: var(--tiny);
}

.my0 {
	margin-top: var(--tiny);
	margin-bottom: var(--tiny);
}

.mx0 {
	margin-left: var(--tiny);
	margin-right: var(--tiny);
}

.ml0 {
	margin-left: var(--tiny);
}

.mr0 {
	margin-right: var(--tiny);
}

.mt0 {
	margin-top: var(--tiny);
}

.mb0 {
	margin-bottom: var(--tiny);
}

.pa4 {
	padding: var(--little);
}

.py4 {
	padding-top: var(--little);
	padding-bottom: var(--little);
}

.px4 {
	padding-left: var(--little);
	padding-right: var(--little);
}

.pl4 {
	padding-left: var(--little);
}

.pr4 {
	padding-right: var(--little);
}

.pt4 {
	padding-top: var(--little);
}

.pb4 {
	padding-bottom: var(--little);
}

.ma4 {
	margin: var(--little);
}

.my4 {
	margin-top: var(--little);
	margin-bottom: var(--little);
}

.mx4 {
	margin-left: var(--little);
	margin-right: var(--little);
}

.ml4 {
	margin-left: var(--little);
}

.mr4 {
	margin-right: var(--little);
}

.mt4 {
	margin-top: var(--little);
}

.mb4 {
	margin-bottom: var(--little);
}

.pa8 {
	padding: var(--small);
}

.py8 {
	padding-top: var(--small);
	padding-bottom: var(--small);
}

.px8 {
	padding-left: var(--small);
	padding-right: var(--small);
}

.pl8 {
	padding-left: var(--small);
}

.pr8 {
	padding-right: var(--small);
}

.pt8 {
	padding-top: var(--small);
}

.pb8 {
	padding-bottom: var(--small);
}

.ma8 {
	margin: var(--small);
}

.my8 {
	margin-top: var(--small);
	margin-bottom: var(--small);
}

.mx8 {
	margin-left: var(--small);
	margin-right: var(--small);
}

.ml8 {
	margin-left: var(--small);
}

.mr8 {
	margin-right: var(--small);
}

.mt8 {
	margin-top: var(--small);
}

.mb8 {
	margin-bottom: var(--small);
}

.pa12 {
	padding: var(--normal);
}

.py12 {
	padding-top: var(--normal);
	padding-bottom: var(--normal);
}

.px12 {
	padding-left: var(--normal);
	padding-right: var(--normal);
}

.pl12 {
	padding-left: var(--normal);
}

.pr12 {
	padding-right: var(--normal);
}

.pt12 {
	padding-top: var(--normal);
}

.pb12 {
	padding-bottom: var(--normal);
}

.ma12 {
	margin: var(--normal);
}

.my12 {
	margin-top: var(--normal);
	margin-bottom: var(--normal);
}

.mx12 {
	margin-left: var(--normal);
	margin-right: var(--normal);
}

.ml12 {
	margin-left: var(--normal);
}

.mr12 {
	margin-right: var(--normal);
}

.mt12 {
	margin-top: var(--normal);
}

.mb12 {
	margin-bottom: var(--normal);
}

.pa16 {
	padding: var(--big);
}

.py16 {
	padding-top: var(--big);
	padding-bottom: var(--big);
}

.px16 {
	padding-left: var(--big);
	padding-right: var(--big);
}

.pl16 {
	padding-left: var(--big);
}

.pr16 {
	padding-right: var(--big);
}

.pt16 {
	padding-top: var(--big);
}

.pb16 {
	padding-bottom: var(--big);
}

.ma16 {
	margin: var(--big);
}

.my16 {
	margin-top: var(--big);
	margin-bottom: var(--big);
}

.mx16 {
	margin-left: var(--big);
	margin-right: var(--big);
}

.ml16 {
	margin-left: var(--big);
}

.mr16 {
	margin-right: var(--big);
}

.mt16 {
	margin-top: var(--big);
}

.mb16 {
	margin-bottom: var(--big);
}

.pa20 {
	padding: var(--large);
}

.py20 {
	padding-top: var(--large);
	padding-bottom: var(--large);
}

.px20 {
	padding-left: var(--large);
	padding-right: var(--large);
}

.pl20 {
	padding-left: var(--large);
}

.pr20 {
	padding-right: var(--large);
}

.pt20 {
	padding-top: var(--large);
}

.pb20 {
	padding-bottom: var(--large);
}

.ma20 {
	margin: var(--large);
}

.my20 {
	margin-top: var(--large);
	margin-bottom: var(--large);
}

.mx20 {
	margin-left: var(--large);
	margin-right: var(--large);
}

.ml20 {
	margin-left: var(--large);
}

.mr20 {
	margin-right: var(--large);
}

.mt20 {
	margin-top: var(--large);
}

.mb20 {
	margin-bottom: var(--large);
}

.pa24 {
	padding: var(--great);
}

.py24 {
	padding-top: var(--great);
	padding-bottom: var(--great);
}

.px24 {
	padding-left: var(--great);
	padding-right: var(--great);
}

.pl24 {
	padding-left: var(--great);
}

.pr24 {
	padding-right: var(--great);
}

.pt24 {
	padding-top: var(--great);
}

.pb24 {
	padding-bottom: var(--great);
}

.ma24 {
	margin: var(--great);
}

.my24 {
	margin-top: var(--great);
	margin-bottom: var(--great);
}

.mx24 {
	margin-left: var(--great);
	margin-right: var(--great);
}

.ml24 {
	margin-left: var(--great);
}

.mr24 {
	margin-right: var(--great);
}

.mt24 {
	margin-top: var(--great);
}

.mb24 {
	margin-bottom: var(--great);
}

.pa28 {
	padding: var(--bigGreat);
}

.py28 {
	padding-top: var(--bigGreat);
	padding-bottom: var(--bigGreat);
}

.px28 {
	padding-left: var(--bigGreat);
	padding-right: var(--bigGreat);
}

.pl28 {
	padding-left: var(--bigGreat);
}

.pr28 {
	padding-right: var(--bigGreat);
}

.pt28 {
	padding-top: var(--bigGreat);
}

.pb28 {
	padding-bottom: var(--bigGreat);
}

.ma28 {
	margin: var(--bigGreat);
}

.my28 {
	margin-top: var(--bigGreat);
	margin-bottom: var(--bigGreat);
}

.mx28 {
	margin-left: var(--bigGreat);
	margin-right: var(--bigGreat);
}

.ml28 {
	margin-left: var(--bigGreat);
}

.mr28 {
	margin-right: var(--bigGreat);
}

.mt28 {
	margin-top: var(--bigGreat);
}

.mb28 {
	margin-bottom: var(--bigGreat);
}